//1.0导入Vue核心包
import Vue from "vue";
import VueRouter from "vue-router"

// 2.0导入App.vue的vue对象
import App from "./App.vue";

// 将vue-router集成到这个项目中来
import vueRouter from "vue-router";
// 将VueRouter对象绑定到vue 对象上
Vue.use(vueRouter);

// 导入路由规则对应的组件对象
import home from "./components/home.vue";
import shopcar from "./components/shopcar/shopcar.vue";
import newslist from "./components/news/newslist.vue";
import newsinfo from "./components/news/newsinfo.vue";

// 定义路由规则
var router1= new vueRouter({
    routes:[
        {path:'/',component:home},
        {path:'/home',component:home},  //首页
        {path:'/shopcar',component:shopcar},  //购物车
        {path:'/news/newslist',component:newslist},  //新闻资讯列表
        {path:'/news/newsinfo/:id',component:newsinfo}    //新闻详细资讯
    ]
}) 

// 注册mint-ui 
// 导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';
import "../statics/css/mui/css/mui.css";
// 导入一个全局的样式
import "../statics/css/stie.css";
// 导入mint-ui组件对象
import mintui from "mint-ui";
// 在vue中全局使用
Vue.use(mintui);

// 定义一个全局过滤器 实现日期格式化
import moment from "moment";
Vue.filter('datefmt',function(input,fmtstring){
    // 使用moment.js 这个日期格式化类库实现日期的格式化功能
    return moment(input).format(fmtstring);
})


// 将vue-resource在vue中绑定，自动在vue对象实例注入一个$http对象就可以使用ajax方法
import vueResource from "vue-resource";
Vue.use(vueResource);

//5.0利用vue对象进行渲染
new Vue({
    el:'#app',
    router:router1,
    render:c=>c(App)  //es6的函数写法  =>: goes to
})